<template>
    <div class="item">
        <div>
            <span :style="{'color':valueColor}" class="digiter-number">{{value}}</span>
            {{ unit }}
        </div>
        <div>{{ desc }}</div>
    </div>
</template>


<script>
    export  default {
        props:{
            desc:{
                type:String,
                default:"省内销售额",
            },
            value:{
                type:String,
                default: "123"
            },
            unit:{
                type:String,
                default:"万元"
            },
            valueColor:{
                type:String,
                default:"#EA4647"
            }
        }
    }
</script>
<style lang="scss" scoped>
    .item{
        height: 100%;
        width: 100%;

        background: #0D114E;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        >div{
            &:first-child{
                /*display: flex;*/
                font-size: 40px;
                >span{
                   &:first-child{
                       font-size: 80px;
                   }
                }
            }
            &:last-child{
                font-size: 40px;
            }
        }

    }
</style>
